<script setup lang="ts">
import searchView from "./search/searchView.vue";
import { ref } from "@vue/reactivity";
const props = defineProps({
  value: String,
});
let active = ref<number>(0);
let tableArr = ref<string[]>([
  "图文",
  "阅读",
  "音乐",
  "影视",
  "电台",
  "作者/音乐人",
]);
</script>

<template>
  <div class="searchTabContainer">
    <van-tabs v-model:active="active">
      <van-tab 
      v-for="item in tableArr" 
      :title="item"
      :key="item"
      >
        <search-view :type="item" :keyword="value" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<style lang="less">
.searchTabContainer {
  .van-tabs__line {
    background: #999;
  }
}
</style>